.skin-purple .ibox {margin-bottom: 15px}
.skin-purple .ibox .ibox-content{min-height: auto;padding: 15px;}

/*stateExplain*/
.ibox-title h3 {width: auto;float: left;}
.stateExplain {float: right;display: flex;}
.stateExplain .stateExplainItem {display: flex;align-items: center;margin: 0 10px;}
.stateExplain .stateExplainItem .stateColor {width: 10px;height: 10px;margin-right: 10px;}

.ywc{background: #428ef6}
.wwc{background: #428ef64d}

.ywc2{background: #2bde73}
.wwc2{background: #2bde734d}

/*------------------------------------------------------------------------------------------------*/

/*个人工作台*/
.skin-purple .row > div:nth-child(1) .ibox .ibox-content{height: 200px;}
.skin-purple .row > div:nth-child(1) {padding-right: 7.5px}

.skin-purple .workItem{display: flex; height: 35px; line-height: 35px; margin-top: 10px; margin-bottom: 10px;width: calc(100% / 4);float: left;}
.skin-purple .workItemImg{width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; margin-right: 10px;}
.skin-purple .workItem p{margin: 0}
.skin-purple .workItem:nth-child(1) .workItemImg{background: #b4b4b4;}
.skin-purple .workItem:nth-child(2) .workItemImg{background: #fa4778;}
.skin-purple .workItem:nth-child(3) .workItemImg{background: #8be8fa;}
.skin-purple .workItem:nth-child(4) .workItemImg{background: #428ef6;}
.skin-purple .workItem:nth-child(5) .workItemImg{background: #ff9800;}
.skin-purple .workItem:nth-child(6) .workItemImg{background: #7459d9;}
.skin-purple .workItem:nth-child(7) .workItemImg{background: #2bde73;}
.skin-purple .workItem:nth-child(8) .workItemImg{background: #f8e215;}
.skin-purple .workItem:nth-child(9) .workItemImg{background: #ea4335;}
.skin-purple .workItem:nth-child(10) .workItemImg{background: #2bde73;}
.skin-purple .workItem:nth-child(11) .workItemImg{background: #428ef6;}
.skin-purple .workItem:nth-child(12) .workItemImg{background: #fa4778;}

/*------------------------------------------------------------------------------------------------*/

/*今日本月工单情况*/
.skin-purple .row > div:nth-child(2) .ibox {margin-bottom: 15px;}
.skin-purple .row > div:nth-child(2) .ibox .ibox-content{height: 114.5px;display: flex;}
.skin-purple .row > div:nth-child(2) {padding-left: 7.5px}

/*左侧切换*/
.skin-purple .monthday {height: 80px;width: 80px;line-height: 40px;text-align: center;border: 1px solid #e7eaec;border-radius: 4px}
.skin-purple .monthday .active {background: #e3def7;color: #7459d9;}

/*右侧数据*/
.skin-purple .orderNumber{width: calc(100% - 80px);display: flex;align-items: center}
.skin-purple .orderNumber .orderItem{width: calc(100% / 4);  float: left;  text-align: center;border-right: 1px solid #e7eaec;}
.skin-purple .orderNumber .orderItem p{margin: 0 0 15px}
.skin-purple .orderNumber .orderItem h1{margin: 0;color: #7459d9;}

/*------------------------------------------------------------------------------------------------*/

/*设备数量*/
.skin-purple .row > div:nth-child(3) {padding-left: 7.5px}
.skin-purple .row > div:nth-child(3) .ibox .ibox-content{height: 114.5px;display: flex;}

.skin-purple .equipItem {width: calc(100%);display: flex;align-items: center;text-align: center}
.skin-purple .equipItem .equipItemImg {width: 60px;height: 60px;line-height: 60px;text-align: center;margin-right: 20px;border-radius: 50%}
.skin-purple .equipItem .equipNumber p{margin: 0 0 15px}
.skin-purple .equipItem .equipNumber h1{margin: 0;color: #ff9800}

.skin-purple .equipItem:nth-child(1) .equipItemImg{background: #e3def7}
.skin-purple .equipItem:nth-child(2) .equipItemImg{background: #d9e8fd}
.skin-purple .equipItem:nth-child(3) .equipItemImg{background: #fde9d1}
.skin-purple .equipItem:nth-child(4) .equipItemImg{background: #f0f0f0}

/*------------------------------------------------------------------------------------------------*/

/*首页table*/
.task thead tr {height: 30px;background:#7459d91a;color: #7459d9;}
.task thead tr th,.task tbody tr td{border-bottom:1px solid #e7eaec;text-align: center;height: 40px}
.task thead, .task tbody tr{display: table;width: 100%;table-layout: fixed;}
/*首页table end*/


/*------------------------------------------------------------------------------------------------*/

.skin-purple .row > div:nth-child(4) {padding-right: 7.5px}
.skin-purple .row > div:nth-child(5) {padding-right: 7.5px;padding-left: 7.5px}
.skin-purple .row > div:nth-child(6) {padding-left: 7.5px}
.skin-purple .row > div:nth-child(7) {padding-right: 7.5px}
.skin-purple .row > div:nth-child(8) {padding-right: 7.5px;padding-left: 7.5px}
.skin-purple .row > div:nth-child(9) {padding-left: 7.5px}






